//功能五：放大镜功能（20分）
$(function() {
    $(".preview_zoom").on({
        "mouseover": function() {
            $(".mask").show();
            $(".big").show();
        },
        "mouseout": function() {
            $(".mask").hide();
            $(".big").hide();
        },
        "mousemove": function(e) {
            var maskx = e.pageX - $(".mask").outerWidth() / 2;
            var masky = e.pageY - $(".mask").outerHeight() / 2;
            if (maskx <= $(".preview_zoom").offset().left) {
                maskx = $(".preview_zoom").offset().left
            }
            if (maskx >= $(".preview_zoom").offset().left + $(".preview_zoom").outerWidth() - $(".mask").outerWidth()) {
                maskx = $(".preview_zoom").offset().left + $(".preview_zoom").outerWidth() - $(".mask").outerWidth()
            }
            if (masky <= $(".preview_zoom").offset().top) {
                masky = $(".preview_zoom").offset().top
            }
            if (masky >= $(".preview_zoom").offset().top + $(".preview_zoom").outerHeight() - $(".mask").outerHeight()) {
                masky = $(".preview_zoom").offset().top + $(".preview_zoom").outerHeight() - $(".mask").outerHeight()
            }
            $(".mask").offset({
                left: maskx,
                top: masky
            })
            var imgx = (maskx - $(".preview_zoom").offset().left) * ($(".bigIMg").outerWidth() - $(".big").innerWidth()) / ($(".preview_zoom>img").innerWidth() - $(".mask").outerWidth())
            var imgy = (masky - $(".preview_zoom").offset().top) * ($(".bigIMg").outerHeight() - $(".big").innerHeight()) / ($(".preview_zoom>img").innerHeight() - $(".mask").outerHeight())
            $(".bigIMg").css({
                left: -imgx,
                top: -imgy
            })
        }
    })

})